<template>
  <div>
    <el-row :gutter="20">
      <el-col :span="8">
        <button class="button_border">
          <a href="https://www.bilibili.com/video/BV1bG4y147PW/?spm_id_from=333.788&vd_source=1ed2a9e4c44b3a04d39f1aec7a82b793"><img class="img_size" src="@/assets/image/Top_1.png">
            <el-link class="text_left_color" type="danger">NextHumanSHOW第二期圣诞特辑<br>2022-12-20 至 2022-12-29</el-link>
          </a>
        </button>
      </el-col>
      <el-col :span="8">
        <button class="button_border">
          <a href="https://www.bilibili.com/video/BV1bG4y147PW/?spm_id_from=333.788&vd_source=1ed2a9e4c44b3a04d39f1aec7a82b793"><img class="img_size" src="@/assets/image/Top_2.png">
            <el-link class="text_left_color" type="danger">NextHumanSHOW第一期<br>2022-12-10 至 2022-12-19</el-link>
          </a>
        </button>
      </el-col>
      <el-col :span="8">
        
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  data(){
    return{
        
    }
  },
  methods:{

    }
}
</script>

<style>

.text_left_color {
  text-align: left;
  font-size: 18px;
  font-family: 华文宋体;
}

.img_size {
  width: 400px;
  height: 200px;
}
.button_border{
  background-color: #a2d2e0;
  border: none;
  outline: none;
}
</style>